<!--
 * @Author: cjty
 * @Date: 2023-07-13 10:45:32
 * @LastEditors: cjty
 * @LastEditTime: 2023-07-20 13:26:03
 * @FilePath: \chrome-extension\game2048\index.html
 * @Description: 
-->
<!DOCTYPE html >
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>2048军旗版</title>
    <meta name="viewport" content="width=device-width,  initial-scale=1.0, maximum-scale=1, user-scalable=no, minimal-ui">
	<link rel="stylesheet" href="./style/index.css">
</head>
<body>
  <div class="container">
    <div class="heading">
        <div class="scores-container">
            <div class="score-container">
                <div class="score-addition"></div>
            </div>
            <div class="best-container"></div>
        </div>
        <div class="above-game">
          <a class="restart-button">新游戏</a>
      </div>
    </div>
    <div class="game-container">
        <div class="game-message">
            <p>
            </p>
            <div class="lower">
                <a class="keep-playing-button">继续前进</a>
                <a class="retry-button">再试一次</a>
            </div>
        </div>
        <div class="grid-container">
            <div class="grid-row">
                <div class="grid-cell">
                </div>
                <div class="grid-cell">
                </div>
                <div class="grid-cell">
                </div>
                <div class="grid-cell">
                </div>
            </div>
            <div class="grid-row">
                <div class="grid-cell">
                </div>
                <div class="grid-cell">
                </div>
                <div class="grid-cell">
                </div>
                <div class="grid-cell">
                </div>
            </div>
            <div class="grid-row">
                <div class="grid-cell">
                </div>
                <div class="grid-cell">
                </div>
                <div class="grid-cell">
                </div>
                <div class="grid-cell">
                </div>
            </div>
            <div class="grid-row">
                <div class="grid-cell">
                </div>
                <div class="grid-cell">
                </div>
                <div class="grid-cell">
                </div>
                <div class="grid-cell">
                </div>
            </div>
        </div>
        <div class="tile-container"></div>
    </div>
	  <p style="margin: 0;line-height: 1;">键盘上下左右(或w,a,s,d)按键，开始游戏</p>
  </div>
    <script src="./js/index.js"></script>
</body>
</html>